<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人信息</title>
		<style>
			body{
				text-align: center;
			}
			#table{
				width: 40%;
				border: 2px solid aqua;
				margin-left: 30%;
			}
			table{
				width: 100%;
				border-collapse: collapse; 
			}
			td{
				width: 25%;
				height: 50px;
				border: 0.5px solid aqua;
			}
			.form-item{
				position: relative;
				width: 360px;
				margin: 0 auto;
				padding-bottom: 30px;
			}
			.form-item input{
				width: 100%;
				height: 48px;
				padding-left: 20px;
				border: 1px solid black;
				border-radius: 25px;
				font-size: 18px;
				background-color: transparent;
				outline: none;
				color: black;
			}
			.form-item button{
				width: 360px;
				height: 50px;
				margin-left: 10px;
				border: 0;
				border-radius: 25px;
				font-size: 18px;
				color: #1f6f4a;
				outline: none;
				cursor: pointer;
				background-color: #b9c1ee;
				border: 1px solid black;
			}
		</style>
	</head>
	<body>
		<div id="table">
			<table>
				<tr>
					<td>姓名</td>
					<td>Blame</td>
					<td>年龄</td>
					<td>18</td>
				</tr>
				<tr>
					<td>性别</td>
					<td>男</td>
					<td>民族</td>
					<td>汉</td>
				</tr>
				<tr>
					<td>联系电话</td>
					<td>185****0926</td>
					<td>专业</td>
					<td>软件工程</td>
				</tr>
				<tr>
					<td>地址</td>
					<td colspan="3">******</td>
				</tr>
				<tr>
					<td>工作经历</td>
					<td colspan="3">******</td>
				</tr>
				<tr>
					<td>自我介绍</td>
					<td colspan="3">******</td>
				</tr>
			</table>
			<p></p>
			<div id="login">
				<div class="form-item">
					<input id="username" type="text" autocomplete="off" placeholder="账号"/>
				</div>
				<div class="form-item">
					<input id="password" type="password" autocomplete="off" placeholder="密码"/>
				</div>
				<div class="form-item">
					<button id="submit">
						<a>登录</a>
					</button>
				</div>
			</div>
		</div>
		
	</body>
</html>